@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义样式 */
@layer components {
    .chat-container {
        @apply min-h-screen bg-gradient-to-br from-pink-100 to-purple-100;
    }

    .message-input {
        @apply flex-1 px-4 py-2 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent;
    }

    .send-button {
        @apply bg-purple-500 hover:bg-purple-600 text-white rounded-full p-2 w-12 h-12 flex items-center justify-center transition-colors duration-200;
    }
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    @apply bg-gray-100;
}

::-webkit-scrollbar-thumb {
    @apply bg-gray-400 rounded;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-500;
}
